<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="./css/font-awesome.css">
  <link rel="stylesheet" href="./lib/layui/css/layui.css">
  <link rel="stylesheet" href="./sgl-css/base.css">
  <link rel="stylesheet" href="./sgl-css/articleF.css">
  <title>Document</title>
</head>

<body>
  <div class="layui-card">
    <!-- 头部导航栏 -->
    <div class="layui-card-header" id="cad">
      <ul>
        <li>基础信息</li>
        <li>SEO信息</li>
        <li>文章内容</li>
      </ul>
      <div class="henxian active"></div>
    </div>
    <div class="layui-card-body">
      <form class="layui-form" id="form"> <!-- 提示：如果你不想用form，你可以换成div等任何一个普通元素 -->
        <div class="jichu">
          <!-- 标题 -->
          <div class="layui-form-item">
            <label class="layui-form-label"><i class="red">*</i>标题</label>
            <div class="layui-input-block biaoti">
              <input type="text" name="title" placeholder="请输入标题名称" autocomplete="off" class="layui-input">
              <button type="button" class="layui-btn layui-btn-primary">查重</button>
            </div>
          </div>
          <!-- 作者 -->
          <div class="layui-form-item">
            <label class="layui-form-label"><i class="red">*</i>作者</label>
            <div class="layui-input-block biaoti">
              <input type="text" name="author" placeholder="请输入作者" autocomplete="off" class="layui-input">
              <div class="layui-form-item">
                <label class="layui-form-label"><i class="red">*</i>分类</label>
                <div class="layui-input-block">
                  <select name="cateid" lay-verify="required">
                    <!-- <option value=""></option>
                    <option value="0">北京</option>
                    <option value="1">上海</option>
                    <option value="2">广州</option> -->
                  </select>
                </div>
              </div>
            </div>
          </div>
          <!-- 阅读次数 -->
          <div class="layui-form-item">
            <label class="layui-form-label"><i class="red">*</i>阅读次数</label>
            <div class="layui-input-block an_jiaj">
              <div class="an_jiaj">
                <button class="jiaj" type="button" id="jian">-</button>
                <input type="text" name="click" autocomplete="off" value="0" class="layui-input inp_jiaj"
                  readonly="readonly">
                <button class="jiaj jiah" type="button" id="jia">+</button>
              </div>
              <div>
                <label class="layui-form-label"><i class="red">*</i>创建时间</label>
                <div class="layui-input-block">
                  <input type="text" id="test1" autocomplete="off" name="create_date" placeholder="请选择日期和时间"
                    class="layui-input widthp">
                </div>
              </div>
            </div>
          </div>
          <!-- 推荐 -->
          <div class="layui-form-item an_jiaj">
            <div class="shi_f">
              <label class="layui-form-label"><i class="red">*</i>是否推荐</label>
              <div class="layui-input-block kaig">
                <span>否</span>
                <input type="checkbox" name="ishot" lay-skin="switch">
                <span>是</span>
              </div>
            </div>
            <div class="shi_zd">
              <label class="layui-form-label"><i class="red">*</i>是否置顶</label>
              <div class="layui-input-block kaig">
                <span>否</span>
                <input type="checkbox" name="istop" lay-skin="switch">
                <span>是</span>
              </div>
            </div>
          </div>
          <!-- 收藏数量 -->
          <div class="layui-form-item">
            <label class="layui-form-label"><i class="red">*</i> 收藏数量</label>
            <div class="layui-input-block">
              <input type="text" name="title" required lay-verify="required" placeholder="请输入收藏数量名称" autocomplete="off"
                class="layui-input">
            </div>
          </div>
          <!--  文件上传 -->
          <div class="layui-form-item">
            <label class="layui-form-label"><i class="red">*</i> 文章图片</label>
            <div class="layui-input-inline">
              <button type="button" id="openF" class="layui-btn">点击上传</button>
            </div>
          </div>
          <!-- 文章标签 -->
          <div class="layui-form-item">
            <label class="layui-form-label"><i class="red">*</i> 复选框</label>
            <div class="layui-input-block" id="checkboxT">
              <!-- <input type="checkbox" name="like[write]" title="搞笑试试" checked>
              <input type="checkbox" name="like[read]" title="我是玻璃心">
              <input type="checkbox" name="like[dai]" title="摄影">
              <input type="checkbox" name="like[dai]" title="汉服">
              <input type="checkbox" name="like[dai]" title="文字控" checked>
              <input type="checkbox" name="like[dai]" title="懒癌患者">
              <input type="checkbox" name="like[dai]" title="军事">
              <input type="checkbox" name="like[dai]" title="资深吃货">
              <input type="checkbox" name="like[dai]" title="诗歌"> -->
            </div>
          </div>
          <!-- 更多表单结构排版请移步文档左侧【页面元素-表单】一项阅览 -->
          <button type="button" class="layui-btn layui-btn-radius layui-btn-normal goes" data-id="1">继续下一步</button>
          <input type="file" name="file" id="file" style="display: none;">
          <!-- 点赞数量 -->
          <input type="hidden" name="lovenum">
        </div>
        <!--  -->
        <!-- SEO信息 -->
        <div class="seoxx" style="display: none;">
          <div class="layui-form-item layui-form-text">
            <label class="layui-form-label guan_j"><i class="red">*</i>seo关键字</label>
            <div class="layui-input-block">
              <textarea name="keywords" placeholder="请输入seo关键字名称" class="layui-textarea"></textarea>
            </div>
          </div>
          <div class="layui-form-item layui-form-text">
            <label class="layui-form-label"><i class="red">*</i>seo描述</label>
            <div class="layui-input-block">
              <textarea name="description" placeholder="请输入seo的描述内容" class="layui-textarea"></textarea>
            </div>
          </div>
          <button type="button" class="layui-btn layui-btn-radius layui-btn-normal goes" data-id="2">继续下一步</button>
          <button type="button" class="layui-btn layui-btn-warm" id="back" data-id="0">返回上一级</button>
        </div>
        <!-- 文章内容 -->
        <div class="wenzhang" style="display: none;">
          <div class="layui-form-item">
            <label class="layui-form-label"><i class="red">*</i> 文章内容</label>
            <div class="layui-input-block" style="height: 400px;">
              <!-- 重要：将来这个 textarea 会被初始化为富文本编辑器 -->
              <textarea name="content" id="textarea"></textarea>
            </div>
          </div>
          <!-- 最后提交按钮系列 -->
          <div class="layui-form-item">
            <div class="layui-input-block">
              <button class="layui-btn layui-btn" lay-submit lay-filter="formDemo">
                <i class="el-icon-plus"></i> 立即发布</button>
              <button class="layui-btn layui-btn-normal" lay-submit="" id="saveBtn">存为草稿</button>
              <button type="button" class="layui-btn layui-btn-warm" id="back" data-id="1">返回上一级</button>
            </div>
          </div>
        </div>
      </form>


    </div>
  </div>
</body>
<!-- <script src="./js/jquery.min.js"></script> -->
<script src="./lib/layui/layui.all.js"></script>
<script src="./js/jquery.min.js"></script>
<script src="../lib/tinymce/tinymce.min.js"></script>
<script src="../lib/tinymce/tinymce_setup.js"></script>
<script src="./sgl-Js/baseAPI.js"></script>
<script src="./sgl-Js/articleF.js"></script>

</html>